<template>
  <div>
  	<!-- <el-tabs type="border-card">
		 <el-tab-pane label="返回查询导航">
			<law-nav></law-nav>
		</el-tab-pane>
		<el-tab-pane label="国家税收法规">
		  	<law-tab></law-tab>
		</el-tab-pane>
		  <el-tab-pane label="地方税收政策">地方税收政策</el-tab-pane>
		  <el-tab-pane label="税收优惠政策">税收优惠政策</el-tab-pane>
		  <el-tab-pane label="返回查询导航">返回查询导航</el-tab-pane>
		  <el-tab-pane label="国家税收法规">国家税收法规</el-tab-pane>
		  <el-tab-pane label="地方税收政策">地方税收政策</el-tab-pane>
		  <el-tab-pane label="税收优惠政策">税收优惠政策</el-tab-pane>
		  <el-tab-pane label="税收优惠政策">税收优惠政策</el-tab-pane>

	</el-tabs> -->
	<div class="serchrow flexrow toprow">
		<router-link :to="{name:'Print'}"  class="serchbox ser1 flexcol">
			<div class="bg-jian"></div>
			<span>最新文件</span>
		</router-link>
		<router-link :to="{name:'LawSerch',params:{type:'year'}}"  class="serchbox ser6 flexcol">
			<div class="bg-time"><img src="../../../assets/images/time.png" alt=""></div>
			<span>按时间查询</span>
		</router-link>
		<router-link :to="{name:'LawSerch',params:{type:'category'}}" class="serchbox ser2 flexcol">
		    <div class="bg-tax"></div>
			<span>分税种查询</span>
		</router-link>
	</div>
    <div class="serchrow flexrow">
		<router-link :to="{name:'LawSerch',params:{type:'vocation'}}" class="serchbox ser3 flexcol">
			<div class="bg-bin"></div>
			<span>分行业查询</span>
		</router-link>
		<router-link :to="{name:'LawSerch',params:{type:'special'}}" class="serchbox ser4 flexcol">
			<div class="bg-wen"></div>
			<span>分专题查询</span>
		</router-link>
		<router-link :to="{name:'LawSerch',params:{type:'policy'}}" class="serchbox ser5 flexcol">
			<div class="bg-book"></div>
			<span>税收优惠政策</span>
		</router-link>
	</div>
  </div>
</template>

<script>
    // import LawNav from './LawNav'
    // import LawTab from './LawTab'

  export default {
     name: 'LawMain'
    
    // ,components: { 
    //   LawNav,
    //   LawTab
    // }
  }
</script>

<style scoped>
/*.el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active{
	color: #2254E7;
}
.el-tabs--border-card>.el-tabs__header .el-tabs__item{
	border:none;
}
.el-tabs__item{
	padding:0 14px;
}
.el-tabs--border-card{
	border:none;
	box-shadow: none;
	-webkit-box-shadow:none;
}
.el-tabs__nav-next, .el-tabs__nav-prev{
	display: none;
}
.el-tabs__nav-wrap.is-scrollable{
	padding:0;
}
*/
.serchrow{
	margin:0 auto;
	text-align: center;
	justify-content: center; 
}
.toprow{
	margin-top: 60px;
	margin-bottom: 20px;
}
	.serchbox{
		color: #fff;
		width: 233px;
		height: 188px;
		border-radius: 6px;
		text-align: center;
		justify-content: center;
		align-items: center;
	}
	.ser1{
        background-image: linear-gradient(to bottom right,#09EAFE,#45B5FD);
	}
	.ser6{
   	    background-image: linear-gradient(to bottom right,#7825d0,#f2a6c2);
   }
	.ser2{
		background-image: linear-gradient(to bottom right,#FFD54B,#FB7E90);
   } 
   	.ser3{
   	    background-image: linear-gradient(to bottom right,#7450AA,#6778E0);
   }
   .ser4{
		background-image: linear-gradient(to bottom right,#D7E262,#5ECE82);
   } 
   	.ser5{
   	    background-image: linear-gradient(to bottom right,#EFC4D8,#A19AEA);
   }
   .ser6,.ser4{
     margin-right: 20px;
     margin-left:20px;
   }

   		.serchbox span{
   			font-size: 24px;
   			margin-top: 20px;
   		}
.bg-bin {
    width: 44px; height: 42px;
    background: url('../../../assets/css_sprites.png') -68px -143px;
}
.bg-book {
    width: 48px; height: 44px;
    background: url('../../../assets/css_sprites.png') -148px -70px;
}
.bg-time,.bg-time img{
	width: 48px; height: 48px;
	
}

.bg-jian {
    width: 38px; height: 49px;
    background: url('../../../assets/css_sprites.png') -10px -143px;
}
.bg-tax {
    width: 53px; height: 40px;
    background: url('../../../assets/css_sprites.png') -148px -10px;
}
.bg-wen {
    width: 43px; height: 44px;
    background: url('../../../assets/css_sprites.png') -80px -79px;
}
</style>
